@charset "utf-8";
/* CSS Document */

.waper-banenr，
.waper-banenr2{ width:100%;}

.waper-banenr img,
.waper-banner2 img{ width:100%;}

.contanir{ width:1200px; position:relative; left:50%; margin-left:-600px; display:table; margin-top:100px;}
.contanir2{width:1200px; position:relative; left:50%; margin-left:-600px; margin-top:30%; display:table;}
.contanir3{ margin-top:30px;}
.waper-tit{ width:712px; margin:0 auto; text-align:center;}
.waper-tit2{ margin-top:30px;}
.waper-tit2 h2{ font-size:3.8em; color:#D51413;}
.waper-tit2 h5{ font-size:1.1em; color:#BBBBBB; text-transform:uppercase; margin-top:4px; position:relative;}
.waper-tit2 h5:before{ position:absolute; content:''; left:-10px; top:50%; width:40%; border-top:1px solid #E0E0E0;}
.waper-tit2 h5:after{ position:absolute; content:''; right:-10px; top:50%; width:40%; border-top:1px solid #E0E0E0;}
.waper-tit h3{ position:relative;}
.waper-tit h3:after{
	position:absolute;
	left:0;
	bottom:-20px;
	content:'';
	width:100%;
	height:11px;
	background:url(../img/exclback.png) no-repeat center center;
	
}
.waper-tit p{ font-size:1em; color:#9F9F9F; line-height:1.6; margin-top:32px;}
.waper-tit2 p{ margin-top:16px;}
.waper-tit small{ display:inline-block; margin-top:10px; font-size:8px; color:#D3D3D3; text-transform:uppercase;}

.our-works{ width:100%; margin-top:80px;}
.our-works .sub-our-list{ width:100%; display:table;}
.our-works .sub-our-list li{ float:left; width:24%; margin:0 0.5% 45px; background-color:#fff; position:relative;
	transition: all .3s ease-in 0s;
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
}

.sub-testmor li:after,
.introduce:after,
.news-list ul li:after,
.lvsit-mos ul li:after,
.waepr-lifu ul li:after,
.our-works .sub-our-list li:after{
	position:absolute;
	content:'';
	left:0;
	bottom:47px;
	width:100%;
	height:50px;
	border-radius:50%;
	box-shadow: 0px 35px 65px #666;
	z-index:-1;
}
.our-works .sub-our-list li dl{ width:95%; margin:2.3% auto 0;}
.our-works .sub-our-list li dl dt{ background-color:#000; position:relative;}
.our-works .sub-our-list li dl dt img{ width:100%; display:block;}
.our-works .sub-our-list li dl dt span{ display:block; width:140px; height:70px; position:absolute; left:50%; margin-left:-70px; top:50%; margin-top:-35px;
  opacity:0;
  -webkit-opacity:0;
  -moz-opacity:0;
  filter:alpha(opacity=0);
  transition: all .3s ease-in 0s;
  -webkit-transition: all .3s ease-in 0s;
  -moz-transition: all .3s ease-in 0s;
  -ms-transition: all .3s ease-in 0s;
}
.our-works .sub-our-list li dl dt span i{ display:block; position:absolute; left:50%; margin-left:-17px; top:50%; margin-top:-17px; width:34px; height:34px; background:url(../img/zp-suo.png) no-repeat center center;
  transform:scale(0.5);
  -webkit-transform:scale(0.5);
  -moz-transform:scale(0.5);
  -ms-transform:scale(0.5);
  transition: all .3s ease-in 0s;
  -webkit-transition: all .3s ease-in 0s;
  -moz-transition: all .3s ease-in 0s;
  -ms-transition: all .3s ease-in 0s;
}
.our-works .sub-our-list li dl dt span:before{
	position:absolute;
	content:'';
	right:0; 
	top:0;
	width:0%;
	border-top:1px solid #fff;
	transition: all .3s ease-in 0s;
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;	
}
.our-works .sub-our-list li dl dt span:after{
	position:absolute;
	content:'';
	left:0; 
	bottom:0;
	width:0%;
	border-top:1px solid #fff;
	transition: all .3s ease-in 0s;
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;	
}
.our-works .sub-our-list li dl dd{ padding:5% 0; position:relative;}
.our-works .sub-our-list li dl dd h5{ color:#D5D5D5; line-height:1.5; text-transform:uppercase; font-size:1.1em;}
.our-works .sub-our-list li dl dd h4{ color:#818181; margin-top:4px; line-height:1.6; font-size:1.1em;}
.our-works .sub-our-list li dl dd em{ display:block; position:absolute; right:10px; top:50%; width:20px; height:7px; overflow:hidden; background:url(../img/sj-jtpng.png) no-repeat left bottom;
	transition: all .3s ease-in 0s;
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
}
.our-works .sub-our-list li:hover dl dt span{ 
  opacity:1;
  -webkit-opacity:1;
  -moz-opacity:1;
  filter:alpha(opacity=100);
}
.our-works .sub-our-list li:hover dl dt span i{
 transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);	
}
.our-works .sub-our-list li:hover dl dt span:before{ width:100%;}
.our-works .sub-our-list li:hover dl dt span:after{ width:100%;}
.our-works .sub-our-list li:hover{ background-color:#D51413;}
.our-works .sub-our-list li:hover dt img{
  opacity:0.65;
  -webkit-opacity:0.65;
  -moz-opacity:0.65;
  filter:alpha(opacity=65);
}
.our-works .sub-our-list li:hover dd h5{ color:#E89A9A;}
.our-works .sub-our-list li:hover dd h4{ color:#fff;}
.our-works .sub-our-list li:hover dd em{ background:url(../img/sj-jtpng.png) no-repeat left top;}

.cont-tit{ width:100%; display:table; position:relative;}
.cont-tit .mid-ts{ width:100%; text-align:center;}
.cont-tit .mid-ts h3{ font-size:2.5em; color:#424242; line-height:1.6;}
.cont-tit .mid-ts font{ display:block; margin-top:4px; font-size:1em; font-family:'Arial'; color:#B7B7B7; line-height:1.6; text-transform:uppercase;}
.cont-tit .lft-ts{ width:90px; position:absolute; left:0; bottom:0;}
.cont-tit .lft-ts span{ float:left; width:25px; height:3px; background-color:#CACACA; position:relative; margin-top:7px;}
.cont-tit .lft-ts span:before{ 
  position:absolute;
  content:'';
  left:0;
  top:-6px;
  width:100%;
  height:3px;
  background-color:#CACACA;
}
.cont-tit .lft-ts span:after{ 
  position:absolute;
  content:'';
  left:0;
  bottom:-6px;
  width:100%;
  height:3px;
  background-color:#CACACA;
}
.cont-tit .lft-ts a{ float:right; color:#9F9F9F;}
.cont-tit .lft-ts:hover a,
.cont-tit .rit-ts a:hover{ color:#D51413;}
.cont-tit .lft-ts:hover span,
.cont-tit .lft-ts:hover span:before,
.cont-tit .lft-ts:hover span:after{ background-color:#D51413;}

.cont-tit .rit-ts{ position:absolute; right:0; bottom:0;}
.cont-tit .rit-ts span{ float:left; width:20px; height:7px; background:url(../img/zp-jt1.png) no-repeat center center; margin-top:5px;}
.cont-tit .rit-ts a{ float:left; margin-left:10px; color:#9F9F9F;}

.cntr{ max-width:1200px;}
.pgwSlideshow{ background-color:#F2F2F2;}
.pgwSlideshow .ps-current{ background-color:#fff; padding:1% 0;}
.pgwSlideshow .ps-list{ background-color:#fff; margin-top:20px; box-shadow:none; border:none;}
.pgwSlideshow .ps-current > ul > li img{ max-width:98%;}
.pgwSlideshow .ps-list li img{ width:160px; height:auto;}
.pgwSlideshow .ps-list li .ps-item{ opacity:1; border:4px solid #F2F2F2}
.pgwSlideshow .ps-list li .ps-item.ps-selected{ border:4px solid #D51413;}
.pgwSlideshow .ps-list li .ps-item.ps-selected img{ margin:0;}

.cntr{ margin-top:20px;}
.pgwSlideshow .ps-current .ps-prev,
.pgwSlideshow .ps-current .ps-next{ width:67px; height:67px; padding:0; border:none; background-color:none; border-radius:0px;}
.pgwSlideshow .ps-current .ps-prev{ background:url(../img/lft1.png) no-repeat center center; background-size:100% 100%;}
.pgwSlideshow .ps-current .ps-next{ background:url(../img/lft2.png) no-repeat center center; background-size:100% 100%;}

.pgwSlideshow .ps-list .ps-prev{ background:url(../img/lft3.png) no-repeat center center; }
.pgwSlideshow .ps-list .ps-next{ background:url(../img/lft4.png) no-repeat center center;}
.pgwSlideshow .ps-list .ps-prev,
.pgwSlideshow .ps-list .ps-next{background-color:#D51413; border-color:#D51413; top:40%;} 

.top-video{ width:100%; padding-top:54%; position:relative;}
.top-video dl{ width:100%; position:absolute; left:0; top:0; cursor:pointer;}
.top-video dl dt{ width:100%; height:auto;}
.top-video dl dt a{ display:block; width:52px; height:52px; background:url(../img/video.png) no-repeat center center; position:absolute; left:50%; margin-left:-26px; top:50%; margin-top:-26px; background-size:100% 100%; z-index:1;}
.top-video dl dt img{ width:100%;}
.top-video dl dd{ position:absolute; left:0; bottom:0; z-index:1; width:100%; height:50px; text-align:center; line-height:50px;  background:url(../img/video-tit-bg.png) repeat-x;}
.top-video dl dd p{ width:100%; font-size:1.1em; color:#fff;}

.botom-video{ width:100%; display:table; margin-top:18px;}
.botom-video ul li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;}
.botom-video ul li:nth-child(4n){ margin-right:0;}
.botom-video ul li dl{ width:100%; display:table; cursor:pointer; position:relative;}
.botom-video ul li dl dt{ width:100%; height:auto; overflow:hidden; position:relative;}
.botom-video ul li dl dt img{ width:100%; display:block;
 transition: all 1s linear 0s;
 -webkit-transition: all 1s linear 0s;
 -moz-transition: all 1s linear 0s;
 -ms-transition: all 1s linear 0s;
}
.botom-video ul li dl dt a{ display:block; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; width:40px; height:40px; background:url(../img/video.png) no-repeat center center; background-size:100% 100%; z-index:1;}
.botom-video ul li dl dd{ width:100%; height:44px; text-align:center; line-height:44px; background:url(../img/video-tit-bg.png) repeat-x; position:absolute; left:0; bottom:0; z-index:1;}
.botom-video ul li dl p{ font-size:1.1em; color:#fff;}
.botom-video ul li dl:hover dt img{
 transform:scale(1.1,1.1);
 -webkit-transform:scale(1.1,1.1);
 -moz-transform:scale(1.1,1.1);
 -ms-transform:scale(1.1,1.1);
}

.waepr-lifu{ width:100%; display:table; margin-top:55px;}
.waepr-lifu ul{ width:100%; display:table; position:relative;}
.waepr-lifu ul li{ float:left; width:31.3%; margin:0 1%; background-color:#fff; margin-bottom:40px; position:relative;}
.waepr-lifu ul li dl{ width:96%; margin:2% auto 1%; position:relative;}
.waepr-lifu ul li dl dt{ width:100%; height: auto; overflow:hidden;}
.waepr-lifu ul li dl dt img{ width:100%;
 opacity:0.9;
 -webkit-opacity:0.9;
 -moz-opacity:0.9;
 filter:alpha(opacity=90);
}
.waepr-lifu ul li dl dd{ position:absolute; left:0; bottom:6%; width:100%; text-align:center; cursor:pointer;}
.waepr-lifu ul li dl dd span{ display:inline-block; width:140px; height:auto; 
 position:relative;
 border:10px solid; 
 border-color:#F2F2F2;
 border-color:rgba(255,255,255,0.4);
}
.waepr-lifu ul li dl dd span img{ 
 width:100%;
 display:block;
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray;
}
.waepr-lifu ul li dl dd span:before{
	position:absolute; 
	left:-10px; 
	top:-10px;
	content:'';
	width:0%;
	height:0%;
	opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
    border-top:10px solid; 
    border-left:10px solid; 
    border-color:#DC7876;
	transition: all .4s ease-in-out 0s;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
}
.waepr-lifu ul li dl dd span:after{
	position:absolute; 
	right:-10px; 
	bottom:-10px;
	content:'';
	width:0%;
	height:0%;
	opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
    border-bottom:10px solid; 
    border-right:10px solid; 
    border-color:#DC7876;
	transition: all .4s ease-in-out 0s;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
}

.waepr-lifu ul li:hover dt img{
	opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);	
  
	}
.waepr-lifu ul li:hover dl dd span:before{
	width:107%;
	height:109.5%;
	opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);	
}
.waepr-lifu ul li:hover dl dd span:after{
	width:107%;
	height:109.5%;
	opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);		
}
.waepr-lifu ul li:hover dl dd span img{ 
 -webkit-filter: grayscale(0%);
 -moz-filter: grayscale(0%);
 -ms-filter: grayscale(0%);
 filter: grayscale(0%);
 filter: gray;
}
.waper-banenr .swiper-slide img{ display:block;}
.news-list ul li:hover dt{ color:#fff;}
.waper-banenr .swiper-button-prev,
.waper-banenr .swiper-button-next{ width:60px; height:60px; margin-top:-30px;}
.waper-banenr .swiper-button-prev{ background:url(../img/lp-lft1.png) no-repeat center center; background-size:100% 100%;}
.waper-banenr .swiper-button-next{ background:url(../img/lp-lft2.png) no-repeat center center; background-size:100% 100%;}
.swiper-pagination-bullet{ width:36px; height:8px; background-color:rgba(0,0,0,0.5); border-radius:0px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#D51413;}

.lvsit-mos{ width:100%; display:table; margin-top:55px;}
.lvsit-mos ul li{ float:left; width:31.3%; margin:0 1% 40px; background-color:#fff; position:relative;
 transition: all .4s linear 0s;
 -webkit-transition: all .4s linear 0s;
 -moz-transition: all .4s linear 0s;
 -ms-transition: all .4s linear 0s;
}
.lvsit-mos ul li dl{ width:96%; margin:2% auto;}
.lvsit-mos ul li dl dt{ width:100%; height:auto; overflow:hidden; position:relative;}
.lvsit-mos ul li dl dt img{ width:100%; display:block;
 transition: all 1s linear 0s;
 -webkit-transition: all 1s linear 0s;
 -moz-transition: all 1s linear 0s;
 -ms-transition: all 1s linear 0s;
}
.lvsit-mos ul li dl dt span{ position:absolute; left:0; bottom:0; display:block; width:100%; height:59px; background-color:#F9FAF9; background-color:rgba(255,255,255,0.4); text-align:center; line-height:59px; font-size:2em; color:#373737;}
.lvsit-mos ul li dl dd{ width:100%; padding:5% 0; background-color:#fff;}
.lvsit-mos ul li dl dd a{ position:relative; display:block; width:104px; height:32px; margin:0 auto; text-align:center; line-height:32px; font-size:1.2em; background-color:#D51413; color:#fff; border-radius:32px;}
.lvsit-mos ul li dl dd a font{ position:absolute; z-index:2; display:inline-block; width:100%; left:0; top:0;}
.lvsit-mos ul li dl dd a:before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:#B70A0A; border-radius:32px;
 transform:rotateY(90deg);
 -webkit-transform:rotateY(90deg);
 -moz-transform:rotateY(90deg);
 -ms-transform:rotateY(90deg);
 transition: all .4s linear 0s;
 -webkit-transition: all .4s linear 0s;
 -moz-transition: all .4s linear 0s;
 -ms-transition: all .4s linear 0s;
}
.lvsit-mos ul li:hover{ background-color:#F9D6D6;}
.lvsit-mos ul li:hover dl dd a:before{
 transform:rotateY(0deg);
 -webkit-transform:rotateY(0deg);
 -moz-transform:rotateY(0deg);
 -ms-transform:rotateY(0deg);
}
.lvsit-mos ul li:hover dl dt img{
 transform:scale(1.1,1.1);
 -webkit-transform:scale(1.1,1.1);
 -moz-transform:scale(1.1,1.1);
 -ms-transform:scale(1.1,1.1);
}

.news-list{ width:100%; margin-top:55px; display:table;}
.news-list ul li{ position:relative; float:left; width:40%; margin:0 1% 25px; padding:3%; background-color:#fff; cursor:pointer;
 transition: all .4s linear 0s;
 -webkit-transition: all .4s linear 0s;
 -moz-transition: all .4s linear 0s;
 -ms-transition: all .4s linear 0s;
}
.news-list ul li dt{ position:relative; width:100%;}
.news-list ul li dt:after{ position:absolute; content:''; left:0; bottom:-28%; width:10%; border-top:1px solid #C7C7C7;}

.news-list ul li dt a{ font-size:1.4em; color:#BDBDBD;}
.news-list ul li dd{ margin-top:3%;}
.news-list ul li dd h3{ font-size:1.5em; color:#262626; line-height:1.5;}
.news-list ul li dd p{ font-size:1em; margin-top:3%; color:#666; line-height:1.75;}
.news-list ul li:hover{ background-color:#D51413;}
.news-list ul li:hover dt a,
.news-list ul li:hover dd h3,
.news-list ul li:hover dd p{ color:#fff;}
.news-list ul li:hover dl dt:after{ width:100%; border-color:#fff;}

.news-list2 ul li dt a{ color:#262626;}
.news-list2 ul li dd{ width:100%; height:120px; overflow:hidden;}
.news-list2 ul li dd h6{font-size:1em; margin-top:5%; color:#666; line-height:1.75;}
.news-list2 ul li dd p{ margin-top:1%;}
.news-list ul li:hover h6{ color:#fff;}


.news-cjk-tit{ width:100%; text-align:center; padding-bottom:2%; border-bottom:1px solid #BDBDBD;}
.news-cjk-tit h3{ font-size:2.2em; color:#262626;}
.news-cjk-tit p{ margin-top:6px; line-height:1.7; color:#8E8E8E;}
.news-cjk-tit p span{ display:inline-block; margin:0 2.5%;}
.news-cont{ width:100%; display:table;}
.news-cont p{ width:100%; margin-top:20px; line-height:1.8; font-size:14px; color:#262626；}
.news-cont p img{ width:100%; display:block;}

.fxwlist{ width:100%; display:table; margin-top:60px;}
.fxwlist .kmj{ text-align:center;}
.fxwlist .kmj font{ display:block; margin:0 auto; font-size:1.3em; color:#969696; margin-bottom:20px;}
.fxwlist .kmj a{ display:inline-block; margin:0 1%;opacity:0.7;}
.fxwlist .kmj a:hover{ opacity:1;}

.mksl{ width:100%; display:table; margin-top:40px;}
.mksl li{ float:left; width:45%; padding:2%; background-color:#fff; margin-top:15px;}
.mksl li:last-child{ float:right;}
.mksl li font,
.mksl li a{ font-size:14px; margin-right:2.4%; color:#898989; line-height:1.6;}
.mksl li a:hover{ color:#D51413;}

.introduce{ width:48%; padding-top:35.2%;  position:relative; left:50%; margin-left:-24%; display:table; margin-top:70px;}
.introduce .int1{ position:absolute; left:0; top:0; width:50%; }
.introduce .int1 img{ width:100%; display:block;}
.introduce .int2{ position:absolute; top:0; right:0; width:50%; height:100%; background-color:#FFFFFF; overflow:hidden;}
.introduce .int2 h5{text-align:center; margin:6% 0 3%;}
.introduce .int2 h5 img{ display:inline-block;}
.introduce .int2 p{ width:80%; margin:2% auto 0; font-size:1.2em; color:#717171; line-height:2;}

.brand-honor{ width:100%; margin-top:60px; padding:6% 0 10%; background:url(../imagess/pmk1.png) no-repeat; background-size:100% 100%;}
.brand-tit{ width:406px; margin:0 auto;}
.brand-tit h3{ position:relative; width:100%; font-size:2em; color:#2F2F2F; text-align:center;}
.brand-tit h3:after{ width:100%; height:5px; background:url(../img/jk-online.png) no-repeat center center; position:absolute; content:''; left:-8px; bottom:-15px;}

.brand-speck{ width:1100px; margin:100px auto 0; display:table;}
.brand-speck li{ float:left; width:19%; margin:0 0.5%;}
.brand-speck li dl{ position:relative; width:100%;}
.brand-speck li dl dt{ position:absolute; left:0; top:-42px; width:100%; text-align:center;}
.brand-speck li dl dd{  padding:20% 6% 10%; width:88%; background-color:#F3F6F8; background-color:rgba(255,255,255,0.8); text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
  .brand-speck li dl dd{ height:180px;}
}
 .brand-speck li dl dd{ height:180px;}
.brand-speck li dl dd p{ font-size:13px; color:#454444; margin-top:20%; line-height:1.8;}
.brand-speck li dl dd small{ display:block; color:#BCC0BE; text-transform:uppercase; color:#BEC2C1; font-size:6px; margin-top:20%;}

.testimonials{ width:100%; padding-top:3%;  display:table;}
.sub-testmor{ width:1006px; margin:55px auto 0; display:table;}
.sub-testmor li{ float:left; width:31.333333%; margin:0 1% 25px; padding-top:17%; background:url(../img/js1.png) no-repeat center center; background-size:100% 100%; position:relative;}
.sub-testmor li article{ position:absolute; left:50%; top:50%;
 transform: translateX(-30%) translateY(-50%); -webkit-transform: translateX(-30%) translateY(-50%); -moz-transform: translateX(-30%) translateY(-50%); -ms-transform: translateX(-30%) translateY(-50%);
}
.sub-testmor li article p{ font-size:13px; color:#3B3B3B; line-height:2;}
.sub-testmor li.zx2{ background:url(../img/js2.png) no-repeat center center; background-size:100% 100%;}
.sub-testmor li.zx3{ background:url(../img/js3.png) no-repeat center center; background-size:100% 100%;}
.sub-testmor li.zx4{ margin-left:18%; background:url(../img/js4.png) no-repeat center center; background-size:100% 100%;}
.sub-testmor li.zx5{ background:url(../img/js5.png) no-repeat center center; background-size:100% 100%;}

.why-choose{ width:100%; margin-top:60px; padding:6% 0; background:url(../imagess/pmk2.jpg) no-repeat; background-size:100% 100%;}
.sub-choose{ width:940px; margin:0 auto; padding:5% 0; background-color:#fff; background-color:rgba(255,255,255,0.7);}
.sub-choose h3,
.sub-choose p{ width:90%; margin:0 auto; text-align:center; color:#454444;}
.sub-choose h3{ font-size:2em; }
.sub-choose p{ font-size:1.2em; line-height:2; margin-top:30px;}

.contant-us{ width:100%; height:1013px; background:url(../img/conus-bg.jpg) no-repeat center center; background-size: cover; position:relative;}
.sub-contants{ width:1100px; height:798px; background-color:#fff; background-color:rgba(255,255,255,0.8); position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-399px; display:table;}
.sub-contants h1{ width:100%; text-align:center; font-size:7em; text-transform:uppercase; font-weight:bold; color:#d51514; opacity:0.1; margin-top:49px;}
.sub-contants h2{ text-align:center; margin-top:10px;}


.km-cont{ width:643px; height:206px; border:2px solid #D51413; border-top:0; padding-top:50px; margin:80px auto 0; position:relative;}
.sub-contants h3{ width:100%; font-size:2em; color:#181818; text-align:center;position:absolute; left:0; top:-20px;}
.sub-contants p{ text-align:center; font-size:1.2em; color:#181818; line-height:2; margin-top:10px;}

.sub-contants h3:before{ position:absolute; content:''; left:-2px; width:32%; border-top:2px solid #D51413; top:20px;}
.sub-contants h3:after{ position:absolute; content:''; right:-2px; width:32%; border-top:2px solid #D51413; top:20px;}


















































































































